    

//公式1  1. 先完成功能  2.写空函数 3.将1放到2里面 4.微调
    //公式2  固定逻辑不写函数   非固定逻辑写函数


    /**
     * 
     * @param {string} url 请求地址
     * @param {string} params 请求参数 参数名=数据&参数名=数据
     * @param {function} callback 回调函数
     * @return undefined
     */

     function get(url,params,callback){

        // let callback = res =>{

        // }

        // 一 创建xhr对象
    let xhr = new XMLHttpRequest()

    // 二 监听请求方式
    xhr.onreadystatechange = () => {
        // 返回
        if (xhr.readyState === 4)
        {
            // 成功
            if (xhr.status === 200)
            {
                // 获取数据  result 
                let res = JSON.parse(xhr.responseText)
                // console.log(res);
                // 逻辑处理
                // 百度搜索
                // 看电影
                callback(res)
            } else {
                console.log('瑕疵：', xhr.status)
            }
        }
    }
    // 三 设置请求方式
    // xhr.open("get",请求地址?请求参数)
    xhr.open("get",`${url}?${params}`)

    // 四 发送请求
    xhr.send()

    }

    // // 百度搜索 
    // get(地址1,参数1,res=>{

    // })
    // //看电影
    // get(地址2,参数2,res=>{

    // })


    /**
 * 发送post异步请求
 * @param {string} url 请求地址
 * @param {string} params 请求参数 🌰 参数名=数据&...&参数名=数据
 * @param {function} callback 回调函数
 * @return undefined
 */
 function post(url, params, callback) 
 {
     // let callback = res => {
     // }
     // 一、创建xhr对象
     const xhr = new XMLHttpRequest
     // 二、监控请求状态
     xhr.onreadystatechange = () => {
         // 返回
         if (xhr.readyState === 4)
         {
             // 成功
             if (xhr.status === 200)
             {
                 // 获取数据  result 
                 let res = JSON.parse(xhr.responseText)
                 // 逻辑处理
                 // 百度搜索
                 // 看电影
                 callback(res)
             } else {
                 console.log('瑕疵：', xhr.status)
             }
         }
     }
     // 三、设置请求方式、请求地址
     xhr.open('post', `${url}`)
     xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded')
     // 四、发送请求
     xhr.send(params)


    }

// <script>

// </script>